<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<#include "/WEB-INF/views/include/common.ftl"/>
        <link rel="stylesheet" type="text/css" href="${ctx}/static/css/global.css" />
        <link rel="stylesheet" type="text/css" href="${ctx}/static/css/bootstrap.min.css" />
        <link rel="stylesheet" type="text/css" href="${ctx}/static/css/style.min.css" />
        <link rel="stylesheet" type="text/css" href="${ctx}/static/css/font-awesome.min.css" />
		<script type="text/javascript" src="${ctx}/static/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="${ctx}/static/js/jquery.nestable.js"></script>
		<script>
			$(function(){
                $('.dd').nestable({ /* config options */ });
			})
		</script>
	</head>

	<body class="easyui-layout">
		<div region="north" style="height:80px; background: #E0ECFF;">
			<div class="top">
				<div class="header">
					<div class="wrap">
						<p class="logout"><a href="${ctx}/logout">退出</a>
						</p>
						<h2 class="yr-logo">
            				<a href="/">
                				<img src="${ctxStatic}/img/yr-logo.png">
                			</a>
            			</h2>
						<h2 class="hundsun-logo">
            				<a href="#">
                				<img src="${ctxStatic}/img/hundsun-logo.png">
                			</a>
            			</h2>
					</div>
				</div>
			</div>
		</div>
		<div region="west" split="true" style="width:220px;" title="导航菜单">
            <div class="dd" id="nestable2">
                <ol class="dd-list">
                    <li class="dd-item" data-id="1">
                        <div class="dd-handle">
                            <span class="label label-info"><i class="fa fa-users"></i></span> 群组
                        </div>
                        <ol class="dd-list">
                            <li class="dd-item" data-id="2">
                                <div class="dd-handle">
                                    <span class="pull-right"> 12:00 </span>
                                    <span class="label label-info"><i class="fa fa-cog"></i></span> 设置
                                </div>
                            </li>
                            <li class="dd-item" data-id="3">
                                <div class="dd-handle">
                                    <span class="pull-right"> 11:00 </span>
                                    <span class="label label-info"><i class="fa fa-bolt"></i></span> 筛选
                                </div>
                            </li>
                            <li class="dd-item" data-id="4">
                                <div class="dd-handle">
                                    <span class="pull-right"> 11:00 </span>
                                    <span class="label label-info"><i class="fa fa-laptop"></i></span> 电脑
                                </div>
                            </li>
                        </ol>
                    </li>

                    <li class="dd-item" data-id="5">
                        <div class="dd-handle">
                            <span class="label label-warning"><i class="fa fa-users"></i></span> 用户
                        </div>
                        <ol class="dd-list">
                            <li class="dd-item" data-id="6">
                                <div class="dd-handle">
                                    <span class="pull-right"> 15:00 </span>
                                    <span class="label label-warning"><i class="fa fa-users"></i></span> 列用户表
                                </div>
                            </li>
                            <li class="dd-item" data-id="7">
                                <div class="dd-handle">
                                    <span class="pull-right"> 16:00 </span>
                                    <span class="label label-warning"><i class="fa fa-bomb"></i></span> 炸弹
                                </div>
                            </li>
                            <li class="dd-item" data-id="8">
                                <div class="dd-handle">
                                    <span class="pull-right"> 21:00 </span>
                                    <span class="label label-warning"><i class="fa fa-child"></i></span> 子元素
                                </div>
                            </li>
                        </ol>
                    </li>
                </ol>
            </div>
		</div>

		<div region="center">
			<div id="tabs" class="easyui-tabs" fit="true" border="false">
				<!--欢迎标签 START-->
				<div title="欢迎使用">
					<div align="center">
						<img src="${ctxStatic}/img/24102426viqm.png" width="300px" height="300px">
					</div>
				</div>
				<!--欢迎标签 END-->
			</div>
		</div>
		<div data-options="region:'south',split:false" style="height:41px;">
			<p align="center">版权所有 杭州恒生云融网络科技有限公司 | 浙ICP备15011632号-1 | <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010802005701">浙公网安备 33010802005701号</a></p>
		</div>
	</body>
</html>